import React from 'react';

const WatermarkLibrary = () => {
  return (
    <div className="watermark-library-page">
      <h2>水印库</h2>
      
      <div className="watermark-actions">
        <button className="btn-primary">添加水印</button>
      </div>
      
      <div className="watermark-list">
        <div className="watermark-item">
          <div className="watermark-preview">
            <div className="empty-preview">添加水印</div>
          </div>
          <div className="watermark-form">
            <div className="form-group">
              <label>水印名称</label>
              <input type="text" placeholder="请输入水印名称" />
            </div>
            <div className="form-group">
              <label>水印类型</label>
              <select>
                <option value="text">文字水印</option>
                <option value="image">图片水印</option>
              </select>
            </div>
            <div className="form-group">
              <label>水印内容</label>
              <input type="text" placeholder="请输入水印文字内容" />
            </div>
            <div className="form-group">
              <label>水印位置</label>
              <select>
                <option value="top-left">左上角</option>
                <option value="top-center">顶部居中</option>
                <option value="top-right">右上角</option>
                <option value="center-left">左侧居中</option>
                <option value="center">正中央</option>
                <option value="center-right">右侧居中</option>
                <option value="bottom-left">左下角</option>
                <option value="bottom-center">底部居中</option>
                <option value="bottom-right">右下角</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default WatermarkLibrary; 